<template>
  <div>
    <div class="grid grid-cols-2 md:gap-4 !md:m-4">
      <AppSubscriptionCard v-if="checkPowerByName('appPackageSub')" />
      <UserDauMauCard />
      <TenantActiveUserCard v-if="checkPowerByName('activeUsersByTenant')" />
      <TotalActiveUserCard v-if="checkPowerByName('activeUsersStatistic')" />
    </div>
  </div>
</template>

<script lang="ts" setup>
import AppSubscriptionCard from './cards/AppSubscriptionCard.vue';
import UserDauMauCard from './cards/UserDauMauCard.vue';
import TenantActiveUserCard from './cards/TenantActiveUserCard.vue';
import TotalActiveUserCard from './cards/TotalActiveUserCard.vue';
import { checkPowerByName } from '../../../../utils/permission';
</script>
